/* 公共内边距 */
page{
  height: 100%;
}
.color0D9877{
	color: #0D9877;
}
.color737173{
	color: #737173;
}
.colorFF1D19{
	color: #FF1D19;
}
.color14AC87{
	color: #14AC87;
}
.colorD8{
	color: #D8D8D8;
}
.colorFC5A05{
	color: #FC5A05;
}
.colorFD5703{
	color: #FD5703;
}
.color3D5887{
	color: #3D5887;
}
.colorFE6{
	color: #FE6432;
}
.color236{
	color: #236EFD;
}
.color333{
	color: #333333;
}
.color666{
	color: #666666;
}
.color3D{
	color: #3D3D3D;
}
.color999{
	color: #999999;
}
.colorfff{
	color: #FFFFFF;
}
.colorFF374B{
	color: #FF374B;
}
.backE0EAFF{
	background-color: #E0EAFF;
}
.backFFE8DE{
	background-color: #FFE8DE;
}
.backF6E6E6E6{
	background-color: #E6E6E6;
}
.backF6{
	background-color: #F6F6F6;
}
.backFFF{
	background-color: #FFFFFF;
}
.back236{
	background-color: #236EFD;
}
.back8DB2F9{
	background-color: #8DB2F9;
}
.backD8D{
	background-color: #D8D8D8;
}
.backFE6432{
	background-color:  #FE6432;
}
.backFFDDDD{
	background-color:  #FFDDDD;
}
.backFEFAEE{
	background-color:  #FEFAEE;
}
.backFFD7C2{
	background-color:  #FFD7C2;
}
.bgFD-FC{
	background: linear-gradient(90deg,#FD894F,#FC5A05);
}
.borderE6{
	border-bottom: 1rpx solid #E6E6E6;
}
.border236EFD{
	border: 2rpx solid #236EFD;
}
.border236{
	border: 1rpx solid #236EFD;
}
.borderFFFFFF{
	border: 2rpx solid #FFFFFF;
}
.border9F9F9F{
	border: 1rpx solid #9F9F9F;
}
.borderD8{
	border-bottom: 1rpx solid #D8D8D8;
}
.borderFC5A05{
	border: 2rpx solid #FC5A05;
}
.borderFE6432{
	border: 1rpx solid #FE6432;
}

// 字重变量
@for $i from 1 through 9 {
	.f-w-#{$i} {
		font-weight: $i * 100 !important;
	}
}
// 圆角变量
@for $i from 0 through 50 {
	.r-#{$i} {
		border-radius: $i + rpx!important;
	}
}
	.iosPaddingBottom {
		padding-bottom: env(safe-area-inset-bottom)
	}
	
	.flex{
		display: flex;
	}
	.flex1{
		flex: 1;
	}
	
	//公共顶部
	.navtit{
		font-size: 36rpx;
		color: #333333;
	}
.w-100{
	width: 100%;
}

.font-28{
	font-size: 28rpx;
}

.pages{
	min-height: 100%;
}
/*单行溢出*/
.one-txt-cut{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.showone{
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.view-padding{
	padding: 0 24rpx;
}
.divflex{
	display: flex;
	align-items: center;
}
// 外部背景
.cps_wrap{
	background-color: #F3F4F6;
	min-height: 100%;
	padding: 20rpx 0;
}
// 复制按钮
.code-copy{
	width: 73rpx;
	height: 35rpx;
	line-height: 30rpx;
	background: #ffffff;
	display: inline-block;
	font-size: 24rpx;
	color: #000000;
	margin-left: 20rpx;
	text-align: center;			
	border: 1rpx solid #000;
}	

::-webkit-scrollbar {
  display: none;
}

//  分享页返回首页
.d-back-home {
  position: fixed;
  width: 96rpx;
  height: 96rpx;
  right: 30rpx;
  bottom: 166rpx;
  z-index: 10000;
}
// 分享页顶部返回首页
.t-back-home {
  position: fixed;
  width: 80rpx;
  height: 58rpx;
  left: 30rpx;
  // top: calc(var(--status-bar-height) + 10rpx);
  z-index: 10000;
}

// input  输出框支付宝样式处理
.cps_input{
	background: none;
	padding: 0;
}

.text-white{
	color: #FFFFFF;
}

.text-dark{
	color: #0F1F43;
}

.text-danger{
	color: #ff0000;
}

.text-warning{
	color: #ff8e58;
}

.text-blue{
	color: #586c98;
}

.text-grey{
	color: #F3F5FA;
}
.text-success{
	color: #2BA246 !important;
}

.text-subTitle{
	color: #8D9CBF;
}

.bg-success{
	background: linear-gradient(180deg, #43B837 5%, #2BA246 100%);
}

.bg-grey{
	background: #F3F5FA !important;
}

/* flex 布局 */
.flex{
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
	// flex-direction:row;
}
.flex-row{ flex-direction:row!important; }
.flex-column{ flex-direction:column!important; }
.flex-row-reverse{ flex-direction:row-reverse!important; }
.flex-column-reverse{ flex-direction:column-reverse!important; }
.flex-wrap{ flex-wrap:wrap;}
.flex-nowrap{ flex-wrap:nowrap;}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}
.justify-around{justify-content:space-around;}
.justify-evenly{justify-content:space-evenly;}
.align-center{ align-items: center; }
.align-stretch{ align-items: stretch; }
.align-start{ align-items: flex-start; }
.align-end{ align-items: flex-end; }
/*  -- 内外边距 -- */
.m-0 { margin: 0; }
/* #ifndef APP-PLUS-NVUE */
.m-auto{ margin: auto; }
/* #endif */
.m-1 { margin: 10rpx; }
.m-2 { margin: 20rpx; }
.m-3 { margin: 30rpx; }
.m-4 { margin: 40rpx; }
.m-5 { margin: 50rpx; }
.mt-0 { margin-top: 0; }
/* #ifndef APP-PLUS-NVUE */
.mt-auto { margin-top: auto; }
/* #endif */
.mt-1 { margin-top: 10rpx; }
.mt-2 { margin-top: 20rpx; }
.mt-3 { margin-top: 30rpx; }
.mt-4 { margin-top: 40rpx; }
.mt-5 { margin-top: 50rpx; }
.mb-0 { margin-bottom: 0; }
/* #ifndef APP-PLUS-NVUE */
.mb-auto { margin-bottom: auto; }
/* #endif */
.mb-1 { margin-bottom: 10rpx; }
.mb-2 { margin-bottom: 20rpx; }
.mb-3 { margin-bottom: 30rpx; }
.mb-4 { margin-bottom: 40rpx; }
.mb-5 { margin-bottom: 50rpx; }
.ml-0 { margin-left: 0; }
/* #ifndef APP-PLUS-NVUE */
.ml-auto { margin-left: auto; }
/* #endif */
.ml-1 { margin-left: 10rpx; }
.ml-2 { margin-left: 20rpx; }
.ml-3 { margin-left: 30rpx; }
.ml-4 { margin-left: 40rpx; }
.ml-5 { margin-left: 50rpx; }
.mr-0 { margin-right: 0; }
/* #ifndef APP-PLUS-NVUE */
.mr-auto { margin-right: auto; }
/* #endif */
.mr-1 { margin-right: 10rpx; }
.mr-2 { margin-right: 20rpx; }
.mr-3 { margin-right: 30rpx; }
.mr-4 { margin-right: 40rpx; }
.mr-5 { margin-right: 50rpx; }
.my-0 { margin-top: 0; margin-bottom: 0; }
/* #ifndef APP-PLUS-NVUE */
.my-auto { margin-top: auto; margin-bottom: auto; }
/* #endif */
.my-1 { margin-top: 10rpx; margin-bottom: 10rpx; }
.my-2 { margin-top: 20rpx; margin-bottom: 20rpx; }
.my-3 { margin-top: 30rpx; margin-bottom: 30rpx; }
.my-4 { margin-top: 40rpx; margin-bottom: 40rpx; }
.my-5 { margin-top: 50rpx; margin-bottom: 50rpx; }
.mx-0 { margin-left: 0; margin-right: 0; }
/* #ifndef APP-PLUS-NVUE */
.mx-auto { margin-left: auto; margin-right: auto; }
/* #endif */
.mx-1 { margin-left: 10rpx; margin-right: 10rpx;}
.mx-2 { margin-left: 20rpx; margin-right: 20rpx;}
.mx-3 { margin-left: 30rpx; margin-right: 30rpx;}
.mx-4 { margin-left: 40rpx; margin-right: 40rpx;}
.mx-5 { margin-left: 50rpx; margin-right: 50rpx;}

.p-0 { padding: 0; }
.p { padding: 5rpx; }
.p-1 { padding: 10rpx; }
.p-2 { padding: 20rpx; }
.p-3 { padding: 30rpx; }
.p-4 { padding: 40rpx; }
.p-5 { padding: 50rpx; }
.pt-0 { padding-top: 0; }
.pt { padding-top: 5rpx; }
.pt-1 { padding-top: 10rpx; }
.pt-2 { padding-top: 20rpx; }
.pt-3 { padding-top: 30rpx; }
.pt-4 { padding-top: 40rpx; }
.pt-5 { padding-top: 50rpx; }
.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 10rpx; }
.pb { padding-bottom: 5rpx; }
.pb-2 { padding-bottom: 20rpx; }
.pb-3 { padding-bottom: 30rpx; }
.pb-4 { padding-bottom: 40rpx; }
.pb-5 { padding-bottom: 50rpx; }
.pl-0 { padding-left: 0; }
.pl { padding-left: 5rpx; }
.pl-1 { padding-left: 10rpx; }
.pl-2 { padding-left: 20rpx; }
.pl-3 { padding-left: 30rpx; }
.pl-4 { padding-left: 40rpx; }
.pl-5 { padding-left: 50rpx; }
.pr-0 { padding-right: 0; }
.pr { padding-right: 5rpx; }
.pr-1 { padding-right: 10rpx; }
.pr-2 { padding-right: 20rpx; }
.pr-3 { padding-right: 30rpx; }
.pr-4 { padding-right: 40rpx; }
.pr-5 { padding-right: 50rpx; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.py { padding-top: 5rpx; padding-bottom: 5rpx; }
.py-1 { padding-top: 10rpx; padding-bottom: 10rpx; }
.py-2 { padding-top: 20rpx; padding-bottom: 20rpx; }
.py-3 { padding-top: 30rpx; padding-bottom: 30rpx; }
.py-4 { padding-top: 40rpx; padding-bottom: 40rpx; }
.py-5 { padding-top: 50rpx; padding-bottom: 50rpx; }
.px-0 { padding-left: 0; padding-right: 0; }
.px-1 { padding-left: 10rpx; padding-right: 10rpx;}
.px { padding-left: 5rpx; padding-right: 5rpx;}
.px-2 { padding-left: 20rpx; padding-right: 20rpx;}
.px-3 { padding-left: 30rpx; padding-right: 30rpx;}
.px-4 { padding-left: 40rpx; padding-right: 40rpx;}
.px-5 { padding-left: 50rpx; padding-right: 50rpx;}
/* 文字大小 */
.font-smaller { font-size: 14rpx;}
.font-small { font-size: 20rpx;}
.font-sm { font-size: 24rpx;}
.font { font-size: 32rpx;}
.font-md { font-size: 36rpx;}
.font-lg { font-size: 40rpx;}
/* 文字粗细和斜体 */
.font-weight-light {font-weight: 300;}      /*细*/
.font-weight-lighter {font-weight: 100;}/*更细*/
.font-weight-normal { font-weight: 400;}    /*正常*/
.font-weight-500 { font-weight: 500;}    /*正常*/
.font-weight-bold { font-weight: 700;}      /*粗*/
.font-weight-bolder { font-weight: bold;} /*更粗*/
.font-italic { font-style: italic;} /*斜体*/
/* 文字划线 */
.text-through{text-decoration:line-through;}
/* 文字对齐 */
.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}
/* 文字换行溢出处理 */
.text-ellipsis {
	/* #ifndef APP-PLUS-NVUE */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* #endif */
	/* #ifdef APP-PLUS-NVUE */
	lines: 1;
	/* #endif */
}
/* 定位 */
.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.position-fixed {
	position: fixed;
}

/* 定位 - 固定顶部 */
.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

/* 定位 - 固定底部 */
.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}

.top-0 {
	top: 0;
}

.left-0 {
	left: 0;
}

.right-0 {
	right: 0;
}

.bottom-0 {
	bottom: 0;
}
/* 背景颜色 */

.bg-warning {
	background-color: #FF8E58;
}

.bg-hover-warning {
	background-color: #d39e00;
}

.bg-danger {
	background-color: #dc3545;
}

.bg-hover-danger {
	background-color: #bd2130;
}


.bg-dark {
	background-color: #000000;
}

.bg-hover-dark {
	background-color: #1d2124;
}

.bg-white {
	background-color: #ffffff;
}

.bg-transparent {
	background-color: transparent;
}

.rounded-circle {
	border-radius: 100rpx;
}

